.rank{
	width: 100%;
	height: 100%;
	background: url(../img/1.png) no-repeat;
	background-size: 100% 100%;
}
.ren{
	width: 75px;
	display: inline-block;
	margin-left: 30px;
}
.ren-img{
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
}
.ren img{
	width: 100%;
}
.ren p{
	text-align: center;
	font-size: 18px;
	color: white;
}
.medal{
	width: 117px;
	height: 160px;
	position: relative;
	display: inline-block;
	margin-left: 20px;
}
.medal-pai{
	width: 117px;
	height: 160px;
	overflow: hidden;
}
.medal-pai img{
	height: 100%;
}
.wenh{
	position: absolute;
	top: 72px;
	left: 40px;
	height: 59px;
}
.wenh img{
	height: 100%;
}
.time{
	position: absolute;
	top: 75px;
	right: 30px;
	margin-left: 25px;
}
.time p{
	font-size: 18px;
	color: white;
}
.time span{
	font-size: 26px;
	color: white;
}
.bang{
	width: 100%;
	
}
.top{
	width: 280px;
	height: 40px;
	border-radius: 20px;
	background: white;
	color: #ff4d25;
	line-height: 40px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
}
.item3{
	margin-left: 50px;
	margin-top: 20px;
	height: 270px;
	overflow: scroll;
}

.item3 li:first-child{
	border: 8px solid #fac855;
	background: #fff531;
}
.item3 li:nth-child(2){
	border: 8px solid #808080;
	background: #e6e6e6;
}
.item3 li:nth-child(3){
	border: 8px solid #b08479;
	background: #d0aea4;
}
.item4{
	position: absolute;
	top: 240px;
	left: 34px;
	height: 270px;
	width: 320px;
	overflow: scroll;
}
.item4 li{
	width: 320px;
	height: 50px;
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
	margin-top: 5px;
}
.item4 li i{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	border: 6px solid white;
	font-style: normal;
	font-size: 30px;
	background: white;
	font-weight: bold;
}
.item4 li:first-child i{
	border: 6px solid #fac855;
	background: #fff531;
}
.item4 li:nth-child(2) i{
	border: 6px solid #808080;
	background: #e6e6e6;
}
.item4 li:nth-child(3) i{
	border: 6px solid #b1857a;
	background: #d0aea4;
}
.rts{
	background: white;
	width: 270px;
	height: 50px;
	z-index: 1;
	line-height: 50px;
	border-radius: 23px;
	margin-left: -26px;
	display: flex;
	justify-content: space-around;
}
.rts img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	margin-top: 5px;
	margin-left: -18px;
}
.rts span{
	font-size: 22px;
	color: #ff4c23;
}
.rt{
	text-align: right;
}
.rt p{
	font-size: 13px;
	color: #FF4C23;
	line-height: 12px;
	margin-top: 2px;
}
.rt em{
	font-style: normal;
	font-size: 30px;
	color: #FF4C23;
	line-height: 16px;
}
.anniu{
	margin-top: 340px;
	overflow: hidden;
}
.anniu-lt{
	width: 130px;
	height: 60px;
	/*float: left;*/
	display: inline-block;
	margin-left: 20px;
	position: relative;
}
.anniu-lt img{
	width: 74%;
}
.anniu-lt i{
	position: absolute;
	top: 8px;
	left: 2px;
	font-style: normal;
	font-size: 30px;
	color: #ff3c64;
	font-weight: bold;
}
.anniu-rt{
	width: 200px;
	height: 60px;
	/*float: right;*/
	margin-right: 20px;
	position: relative;
	display: inline-block;
}
.anniu-rt img{
	width: 100%;
}
.anniu-rt i{
	position: absolute;
	top: 11px;
	left: 6px;
	display: block;
	font-style: normal;
	font-size: 27px;
	color: #ff3c64;
	font-weight: bold;
}